Shape scale & Tokens 形狀與比例
Material 3（M3）的形狀系統採用 7 級圓角，定義了不同元件的角的圓潤程度：
每個級別涉及 形狀家族（Shape family） 和 比例（Value）
| 形狀級別 | 適用元件示例 |
| 1 None（無圓角） | 通知橫幅（Banners）、底部應用欄（Bottom app bars）、全屏對話方塊（Full-screen dialogs）、列表（Lists）、導航欄（Navigation bars）、導航軌（Navigation rails）、進度指示器（Progress indicators）、全屏搜尋檢視（Search view (full-screen)）、固定側邊欄（Side sheets (docked)）、選項卡（Tabs）、頂部應用欄（Top app bars） |
| 2 Extra small（超小圓角） | 自動補全選單（Autocomplete menu）、下拉選擇選單（Select menu）、訊息提示（Snackbars）、標準選單（Standard menu）、文字輸入框（Text fields） |
| 3 Small（小圓角） | 標籤（Chips）、富文字工具提示（Rich tooltip |
| 4 Medium（中等圓角） | 卡片（Cards）、小型浮動操作按鈕（Small FABs） |
| 5 Large（大圓角） | 擴充套件浮動操作按鈕（Extended FABs）、浮動操作按鈕（FABs）、導航抽屜（Navigation drawers） |
| 6 Extra large（超大圓角） | 固定底部面板（Bottom sheets (docked)）、對話方塊（Dialogs）、浮動面板（Floating sheets）、大型浮動操作按鈕（Large FABs）、固定搜尋檢視（Search view (docked)）、時間選擇器（Time picker）、時間輸入框（Time input） |
| 7 Full（完全圓角） | 徽標（Badge）、按鈕（Buttons）、圖示按鈕（Icon buttons）、滑動條（Sliders）、開關（Switches）、搜尋欄（Search bar） |
1 對稱性（Symmetry）
對稱形狀：所有角保持一致的圓角度數。
非對稱形狀：可以為不同角設定不同的圓角，例如頂部、底部、起點、終點。
2 形狀家族（Shape family）
Rounded corners（圓角）Cut corners（直角切割） 例如：某些 UI 可能使用切割角風格，而非圓角風格。
Customizing shapes 自定義形狀
1. 針對整個風格（For a style）
可以調整整個形狀風格的家族和大小，例如調整 "Medium" 級別的所有元件。
2. 針對特定元件（For a specific component）
可以單獨調整某個元件的形狀級別，而不影響其他元件。
直角切割（Cut corner） 可能會侵佔元件的內容區域，影響文字對齊或圖片裁切。圓角（Rounded corner） 通常不會影響內容佈局，但仍需根據具體設計需求選擇合適的形狀。